﻿@{
    ViewBag.Title = @Admin.Services;
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}
@using CMSMVC4.MultiResource
@model CMSMVC4.Areas.Admin.Models.AddServicesModel
@using (Html.BeginForm("Add", "Services", FormMethod.Post, new { @class = "form-horizontal cmxform", autocomplete = "off" }))
{
    @Html.ValidationSummary() 
    @Html.HiddenFor(x => x.idcate)
 
    @Html.HiddenFor(x => x.idpqge)
 
    @Html.HiddenFor(x => x.idcatelage)
 
    @Html.HiddenFor(x => x.idcatelagv)

    @Html.HiddenFor(x => x.idpagelage)

    @Html.HiddenFor(x => x.idpagelagv)
    
    
    <div class="row-fluid">
        <div class="span7" style="width: 100%">
            <div class="box paint color_5">
                <div class="title">
                    <h4>
                        <span>@Admin.Services</span>
                    </h4>
                </div>
                <div class="content">
                    <div class="form-row control-group row-fluid">
                        <label class="control-label span3">@Admin.Services <span class="help-block">@Admin.Services</span>
                        </label>
                        <div class="controls span7">
                            @Html.TextBoxFor(x => x.namecatev, new { @class = "span12", style = "width: 48%;float: left" })
                            @Html.TextBoxFor(x => x.namecatee, new { @class = "span12", style = "width: 48%;float: right" })
                        </div>
                    </div>
                    <div class="form-row control-group row-fluid">
                        <label class="control-label span3">@Admin.Page <span class="help-block">@Admin.Page</span>
                        </label>
                        <div class="controls span7">
                            @Html.TextBoxFor(x => x.namepagev, new { @class = "span12", style = "width: 48%;float: left" })
                            @Html.TextBoxFor(x => x.namepagee, new { @class = "span12", style = "width: 48%;float: right" })
                        </div>
                    </div>
                    <br />
                    <br />
                    <div class="accordion" id="accordion4">
                        <div class="form-row control-group row-fluid">
                            <label class="control-label span3">
                                Chọn danh mục <span class="help-block">Chọn danh mục</span>
                            </label>
                            <div class="controls span7">
                                @{ Html.RenderAction("DanhSachDanhMuc", "Services", new { id = Model.paren }); }
                            </div>
                        </div>
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion4"
                                    href="#collapseOne2">@Admin.Content</a></div>
                            <div id="collapseOne2" class="accordion-body collapse in">
                                <div class="accordion-inner">
                                    <ul id="tabExample1" class="nav nav-tabs">
                                        <li class="active"><a href="#home" data-toggle="tab">@Admin.Vietnamese</a></li>
                                        <li><a href="#profile" data-toggle="tab">@Admin.English</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade in active" id="home">
                                            @Html.TextAreaFor(x => x.fullv)
                                        </div>
                                        <div class="tab-pane fade" id="profile">
                                            @Html.TextAreaFor(x => x.fulle)
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion4" href="#collapseTwo2">@Admin.Summary</a></div>
                            <div id="collapseTwo2" class="accordion-body collapse" style="height: 0px;">
                                <div class="accordion-inner">
                                    <ul id="tabExample2" class="nav nav-tabs">
                                        <li class="active"><a href="#home1" data-toggle="tab">@Admin.Vietnamese</a></li>
                                        <li><a href="#profile1" data-toggle="tab">@Admin.English</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade in active" id="home1">
                                            @Html.TextAreaFor(x => x.sumv)
                                        </div>
                                        <div class="tab-pane fade" id="profile1">
                                            @Html.TextAreaFor(x => x.sume)
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions row-fluid">
                        <div class="span7 offset3">
                            <button type="submit" class="btn btn-primary">@Admin.SaveChange</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
}
<script type="text/javascript">
    var editor;
    function createEditor(languageCode, id) {
        CKEDITOR.replace(id, {
            language: languageCode
        });
    }

    $(function () {
        createEditor('vi', 'fullv');
        createEditor('vi', 'fulle');
        createEditor('vi', 'sumv');
        createEditor('vi', 'sume');
    });
</script>
